// Preload Images
img1 = new Image(16, 16);  
img1.src="images/spinner.gif";

img2 = new Image(220, 19);  
img2.src="images/ajax-loader.gif";

// When DOM is ready
$(document).ready(function(){
	var cookieValue = $.cookie('the_cookie');
	var cookieRole = $.cookie('the_cookie_role');
	if((cookieValue != null) && (cookieRole != null)){
		go_to_private_page(cookieRole);
	}
	else{
		$('#login_form').modal();
	}
// Launch MODAL BOX if the Login Link is clicked
$("#login_link").click(function(){
	window.location = 'login.html';
});
// When the form is submitted
$("#status > form").submit(function(){  
	var userID = $('input#userID',$(this)).val();
	var userPass = $('input#userPassword',$(this)).val();
	if(userID == "" || userPass == ""){
		$('#login_response').html("Vui lòng nhập tài khoản!");
		return false;
	}
// Hide 'Submit' Button
$('#submit').hide();

// Show Gif Spinning Rotator
$('#ajax_loading').show();

// 'this' refers to the current submitted form  
var str = $(this).serialize();  
// -- Start AJAX Call --

$.ajax({  
    type: "POST",
    url: "user",  // Send the login info to this page
    data: str,  
    success: function(msg){
   
$("#status").ajaxComplete(function(event, request, settings){  
 
 // Show 'Submit' Button
$('#submit').show();

// Hide Gif Spinning Rotator
$('#ajax_loading').hide();  

 if(msg != 0) // LOGIN OK?
 {
	 $.removeCookie('the_cookie');
	 $.removeCookie('the_cookie_role');
	 $.cookie('the_cookie', userID, { expires: 7 });
	 $.cookie('the_cookie_role', msg, { expires: 7 });
 var login_response = '<div id="logged_in">' +
	 '<div style="width: 350px; float: left; margin-left: 70px;">' + 
	 '<div style="width: 40px; float: left;">' +
	 '<img style="margin: 10px 0px 10px 0px;" align="absmiddle" src="images/ajax-loader.gif">' +
	 '</div>' +
	 '<div style="margin: 10px 0px 0px 10px; float: right; width: 300px;">'+ 
	 "Đăng nhập thành công! <br /> Vui lòng đợi trong giây lát...</div></div>";  

$('a.modalCloseImg').hide();  

$('#simplemodal-container').css("width","500px");
$('#simplemodal-container').css("height","120px");
 
 $(this).html(login_response); // Refers to 'status'

// After 3 seconds redirect the 
setTimeout(go_to_private_page(msg), 3000); 
 }  
 else // ERROR?
 {  
 var login_response = msg;
 $('#login_response').html("Tài khoản hoặc mật khẩu không đúng!");
 }  
      
 });  
   
 }  
   
  });  
  
// -- End AJAX Call --

return false;

}); // end submit event

});

function go_to_private_page(msg)
{
	if((msg == 1)||(msg == 2)){
		window.location = 'index.html'; // Members Area
	}else if(msg == 3){
		window.location = 'default.html';
	}
	else{
		window.location = 'login.html';
	}
}